// jquery的入口函数，所有js文件在body后引入可以省略此入口函数
$(function(){
	// 默认启动轮播
	var aa=autoplay();
//    轮播图对应的小按钮
   $("#slide").hover( // 复合事件（鼠标移入、移出）
	   function(){
	   // 默认 鼠标移入时清空轮播定时器
	   clearInterval(aa);
   },function(){
	   // 鼠标离开时，默认重新调用轮播定时器
	   aa=autoplay();
   })
   
   // 轮播小按钮的点击事件
   $("#slide ol li").click(function(){
	   // 选中当前对象设置为‘active’样式 并清空其它兄弟节点的类样式
	   $(this).addClass("active").siblings().removeClass("active")
	   var i=$("#slide ol li").index(this);//获取被单击元素所在集合中索引值
	//    console.log(i*1200);
	$('#slide ul li:eq('+i+')').addClass('selected').siblings().removeClass('selected');
	//    $("#slide ul").animate({marginLeft:-i*1200+"px"},500)
   })
   
   function autoplay(){
	 var auto=setInterval(function(){
			 //先找出active元素
		   var obj=$("#slide ol").find(".active");
		   //获取该元素的索引 .index() 当前选中对象的索引值
		   var i=$("#slide ol li").index(obj);
		   //计算下一个单击的元素的索引值
		   if(i>=4){
			   i=0;  //如果该索引值为最后一个，下个单击对象应该为第一个
		   }else{
			   i++;  //如果不是最后一个，下个单击对象的索引值加1
		   }
		   //执行下一个单 （点击事件 没3秒钟执行一次）
		   $("#slide ol li").eq(i).trigger("click")
	 },1000);
	 return auto;
   }
})